<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <head>
        <title>un-Registro</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <link rel="stylesheet" type="text/css" href="GlobalCss.css"></link>  
    </head>
    <h:body>
         <div class ="header">
         <div class ="centrador">   
            
            <div class ="logo1">
                un-Poker
            </div>
            <div class ="logo2">
                un-Poker
            </div>
             
              <div class="usuario">
                <ul class="ul_usuario"> 
                    <a href="perfil.html"><li style="-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-right:1pxsolid#004160;">jdmonsalveh</li></a> 
                    <a href="estadisticas.html"><li style="border-right:1pxsolid#004160;">Estadisticas</li></a> 
                    <a href="logout.php"><li style="-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;">Salir</li></a> 
               </ul>
            </div>
           </div>
         <div style="clear:both"></div>
          
        </div> 
        
        <div class ="menu">
          <div class ="centrador">  
            <ul class="navegacion">
                <a href="index.xhtml"><li>Inicio</li></a>
                <a href="topPlayers.html"><li>Top Players</li></a>
                <a href="juego.html"><li>Juego</li></a>
            </ul>
           </div>
          <div style="clear:both"></div>  
        </div>
        
        <style>
            .bloque1{
                float:left;
                width: 390px;
                padding: 10px;
            }    
        .bloque1 span{
           color:#ccc;
          font-size: 18px;
           font-family: Verdana;
           }
           .bloque2{
               float: left;
               width: 316px;
               border-left: 2px dashed #eee;
           }
        .bloque2 span{
            
           color:#ccc;
         font-size: 18px;
           font-family: Verdana;
           }
        .bloque2 span2{
           font-family: cursive;
           } 
           
        .bloque3 span{
            float: left;
          width: 250px;
          border-left: 2px dashed #eee;
           font-family: Verdana;
           padding: 10px;
           } 
        </style>
        
        <div class="cuerpo">
             <br>
                    <span>Registrate<hr noshade="noshade" size="1" style="float:right; width: 230px; color: #ccc;"></hr></span>
                    
                    <p><h:form id="formularioxRegistro">
                    <ul>
                        <li>Usuario:<h:inputText placeholder="PepePerez" id="user" value="#{beanRegistro.user}"></h:inputText></li>
                        <li>Contrase&ntilde;a:<h:inputSecret type="password" placeholder="Contrase&ntilde;a" id="contrasenia" value="#{beanRegistro.pass}"></h:inputSecret></li>
                        <li>Repetir contrase&ntilde;a:<h:inputSecret type="password" placeholder="Repetir Contrase&ntilde;a" id="contrasenia2" value="#{beanRegistro.pass2}"></h:inputSecret></li>
                        <li>Nombre:<h:inputText type="text" placeholder="PepePerez" id="name" value="#{beanRegistro.name}"></h:inputText></li>
                        <li>E-Mail:<h:inputText type="email" placeholder="Dirección de correo" id="email" value="#{beanRegistro.mail}" ></h:inputText></li>
                    
                        <li><h:commandButton id="registrar" value="Registrar" action="#{beanRegistro.ingresoAlSistema}"></h:commandButton></li>
                    </ul>
                </h:form></p>
             </br>
                    
               
            <a href="http://www.pokerlistings.com/poker-rules">Acerca del Poker</a>
       
            
        
     </div>
         <div style="clear:both"></div> 
    </h:body>
    
     <footer class="centrador">
        <hr noshade="noshade" size="1"  style="float:left; width: 1000px; color: darkseagreen;">
        <span>Acerca de Nosotros:</span></hr>
        <p>
            Somos un grupo de estudiantes de Ingenieria de Sistemas de la Universidad Nacional 
            de Colombia que actualmente estamos cursando la asignatura Ingenieria de software 2
            para la cual estamos desarrollando este proyecto.
        </p>
    </footer>        
</html>

